
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon maliiconfont maliicon-dingdanguanli"></i>
                    <div class="name">订单管理</div>
                    <div class="fontclass">.maliicon-dingdanguanli</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-yishixiao"></i>
                    <div class="name">已失效</div>
                    <div class="fontclass">.maliicon-yishixiao</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-right"></i>
                    <div class="name">right</div>
                    <div class="fontclass">.maliicon-right</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-siji"></i>
                    <div class="name">司机</div>
                    <div class="fontclass">.maliicon-siji</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-caiwu"></i>
                    <div class="name">财务</div>
                    <div class="fontclass">.maliicon-caiwu</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-iconwangyesheji"></i>
                    <div class="name">ICON_网页设计</div>
                    <div class="fontclass">.maliicon-iconwangyesheji</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-quxiao"></i>
                    <div class="name">取消</div>
                    <div class="fontclass">.maliicon-quxiao</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-rizhi"></i>
                    <div class="name">日志</div>
                    <div class="fontclass">.maliicon-rizhi</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-sijicheliangrenzheng"></i>
                    <div class="name">司机车辆认证</div>
                    <div class="fontclass">.maliicon-sijicheliangrenzheng</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-upload"></i>
                    <div class="name">upload</div>
                    <div class="fontclass">.maliicon-upload</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-yishixiao1"></i>
                    <div class="name">已失效</div>
                    <div class="fontclass">.maliicon-yishixiao1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-dingdanxinxi"></i>
                    <div class="name">订单信息</div>
                    <div class="fontclass">.maliicon-dingdanxinxi</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-yunshujiankong"></i>
                    <div class="name">运输监控</div>
                    <div class="fontclass">.maliicon-yunshujiankong</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-daochu"></i>
                    <div class="name">导出</div>
                    <div class="fontclass">.maliicon-daochu</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-customer_info"></i>
                    <div class="name">客户信息</div>
                    <div class="fontclass">.maliicon-customer_info</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-rihuoyueyonghushu-dapingmu"></i>
                    <div class="name">日活跃用户数-大屏幕</div>
                    <div class="fontclass">.maliicon-rihuoyueyonghushu-dapingmu</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-ziyuan"></i>
                    <div class="name">客户</div>
                    <div class="fontclass">.maliicon-ziyuan</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-liucheng-dingdanru"></i>
                    <div class="name">流程-订单（入）</div>
                    <div class="fontclass">.maliicon-liucheng-dingdanru</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-sijiguanli"></i>
                    <div class="name">司机管理</div>
                    <div class="fontclass">.maliicon-sijiguanli</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-shenhe"></i>
                    <div class="name">审核</div>
                    <div class="fontclass">.maliicon-shenhe</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-wenjian1"></i>
                    <div class="name">文件</div>
                    <div class="fontclass">.maliicon-wenjian1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-kehurenzhengshenhe"></i>
                    <div class="name">客户认证审核</div>
                    <div class="fontclass">.maliicon-kehurenzhengshenhe</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-shenhe1"></i>
                    <div class="name">审核</div>
                    <div class="fontclass">.maliicon-shenhe1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-icon-test"></i>
                    <div class="name">查询</div>
                    <div class="fontclass">.maliicon-icon-test</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-huizong"></i>
                    <div class="name">汇总</div>
                    <div class="fontclass">.maliicon-huizong</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-tixianshenhe"></i>
                    <div class="name">提现审核</div>
                    <div class="fontclass">.maliicon-tixianshenhe</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-banben"></i>
                    <div class="name">版本</div>
                    <div class="fontclass">.maliicon-banben</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-wenjian"></i>
                    <div class="name">文件</div>
                    <div class="fontclass">.maliicon-wenjian</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-sijirenzheng"></i>
                    <div class="name">司机认证</div>
                    <div class="fontclass">.maliicon-sijirenzheng</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-Administrator"></i>
                    <div class="name">Administrator</div>
                    <div class="fontclass">.maliicon-Administrator</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-allocation_order"></i>
                    <div class="name">allocation_order</div>
                    <div class="fontclass">.maliicon-allocation_order</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-basic_information"></i>
                    <div class="name">basic_information</div>
                    <div class="fontclass">.maliicon-basic_information</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-channel"></i>
                    <div class="name">channel</div>
                    <div class="fontclass">.maliicon-channel</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-chauffeur"></i>
                    <div class="name">chauffeur</div>
                    <div class="fontclass">.maliicon-chauffeur</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-complete"></i>
                    <div class="name">complete</div>
                    <div class="fontclass">.maliicon-complete</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-history"></i>
                    <div class="name">history</div>
                    <div class="fontclass">.maliicon-history</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_Administrator_co"></i>
                    <div class="name">img_Administrator_co</div>
                    <div class="fontclass">.maliicon-img_Administrator_co</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_Administrator_qu"></i>
                    <div class="name">img_Administrator_qu</div>
                    <div class="fontclass">.maliicon-img_Administrator_qu</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_Administrator_to"></i>
                    <div class="name">img_Administrator_to</div>
                    <div class="fontclass">.maliicon-img_Administrator_to</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_arrange_check"></i>
                    <div class="name">img_arrange_check</div>
                    <div class="fontclass">.maliicon-img_arrange_check</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_comm_add"></i>
                    <div class="name">img_comm_add</div>
                    <div class="fontclass">.maliicon-img_comm_add</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_comm_calendar"></i>
                    <div class="name">img_comm_calendar</div>
                    <div class="fontclass">.maliicon-img_comm_calendar</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_comm_cancel"></i>
                    <div class="name">img_comm_cancel</div>
                    <div class="fontclass">.maliicon-img_comm_cancel</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_comm_down_n"></i>
                    <div class="name">img_comm_down_n</div>
                    <div class="fontclass">.maliicon-img_comm_down_n</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_comm_down_s"></i>
                    <div class="name">img_comm_down_s</div>
                    <div class="fontclass">.maliicon-img_comm_down_s</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_comm_hint"></i>
                    <div class="name">img_comm_hint</div>
                    <div class="fontclass">.maliicon-img_comm_hint</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_comm_magnify"></i>
                    <div class="name">img_comm_magnify</div>
                    <div class="fontclass">.maliicon-img_comm_magnify</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_comm_seek"></i>
                    <div class="name">img_comm_seek</div>
                    <div class="fontclass">.maliicon-img_comm_seek</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_comm_shrink"></i>
                    <div class="name">img_comm_shrink</div>
                    <div class="fontclass">.maliicon-img_comm_shrink</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_pagination_n"></i>
                    <div class="name">img_pagination_n</div>
                    <div class="fontclass">.maliicon-img_pagination_n</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_pagination_s"></i>
                    <div class="name">img_pagination_s</div>
                    <div class="fontclass">.maliicon-img_pagination_s</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_remark_compile"></i>
                    <div class="name">img_remark_compile</div>
                    <div class="fontclass">.maliicon-img_remark_compile</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-management"></i>
                    <div class="name">management </div>
                    <div class="fontclass">.maliicon-management</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-message"></i>
                    <div class="name">message</div>
                    <div class="fontclass">.maliicon-message</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-monitoring"></i>
                    <div class="name">monitoring</div>
                    <div class="fontclass">.maliicon-monitoring</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-offerer"></i>
                    <div class="name">offerer</div>
                    <div class="fontclass">.maliicon-offerer</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-order"></i>
                    <div class="name">order</div>
                    <div class="fontclass">.maliicon-order</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-order_inquiry"></i>
                    <div class="name">order_inquiry</div>
                    <div class="fontclass">.maliicon-order_inquiry</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-pull-down"></i>
                    <div class="name">pull-down</div>
                    <div class="fontclass">.maliicon-pull-down</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-push-up"></i>
                    <div class="name">push-up</div>
                    <div class="fontclass">.maliicon-push-up</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-refrigeration"></i>
                    <div class="name">refrigeration</div>
                    <div class="fontclass">.maliicon-refrigeration</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-remind"></i>
                    <div class="name">remind</div>
                    <div class="fontclass">.maliicon-remind</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-statistical"></i>
                    <div class="name">statistical</div>
                    <div class="fontclass">.maliicon-statistical</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-vehicle"></i>
                    <div class="name">vehicle</div>
                    <div class="fontclass">.maliicon-vehicle</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-cancel"></i>
                    <div class="name">cancel </div>
                    <div class="fontclass">.maliicon-cancel</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-daicaiwushenhe"></i>
                    <div class="name">待财务审核</div>
                    <div class="fontclass">.maliicon-daicaiwushenhe</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-account"></i>
                    <div class="name">account</div>
                    <div class="fontclass">.maliicon-account</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-authentication"></i>
                    <div class="name">authentication</div>
                    <div class="fontclass">.maliicon-authentication</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-check"></i>
                    <div class="name">check</div>
                    <div class="fontclass">.maliicon-check</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-control"></i>
                    <div class="name">control</div>
                    <div class="fontclass">.maliicon-control</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-delete"></i>
                    <div class="name">delete</div>
                    <div class="fontclass">.maliicon-delete</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-financial"></i>
                    <div class="name">financial</div>
                    <div class="fontclass">.maliicon-financial</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-freight"></i>
                    <div class="name">freight</div>
                    <div class="fontclass">.maliicon-freight</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-gathering"></i>
                    <div class="name">gathering</div>
                    <div class="fontclass">.maliicon-gathering</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-minus"></i>
                    <div class="name">minus</div>
                    <div class="fontclass">.maliicon-minus</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-monthly"></i>
                    <div class="name">monthly</div>
                    <div class="fontclass">.maliicon-monthly</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-Payment"></i>
                    <div class="name">Payment</div>
                    <div class="fontclass">.maliicon-Payment</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-return"></i>
                    <div class="name">return</div>
                    <div class="fontclass">.maliicon-return</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-return_money"></i>
                    <div class="name">return_money</div>
                    <div class="fontclass">.maliicon-return_money</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-uploading"></i>
                    <div class="name">uploading</div>
                    <div class="fontclass">.maliicon-uploading</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-assignOrder"></i>
                    <div class="name">assignOrder</div>
                    <div class="fontclass">.maliicon-assignOrder</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-flow-count"></i>
                    <div class="name">flow-count</div>
                    <div class="fontclass">.maliicon-flow-count</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-refresh"></i>
                    <div class="name">refresh</div>
                    <div class="fontclass">.maliicon-refresh</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-compile"></i>
                    <div class="name">compile</div>
                    <div class="fontclass">.maliicon-compile</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-APP-wangye"></i>
                    <div class="name">APP-网页</div>
                    <div class="fontclass">.maliicon-APP-wangye</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-ziliaoshenhe"></i>
                    <div class="name">资料审核</div>
                    <div class="fontclass">.maliicon-ziliaoshenhe</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-yucangweihu"></i>
                    <div class="name">yucangweihu</div>
                    <div class="fontclass">.maliicon-yucangweihu</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-yuncangguanli"></i>
                    <div class="name">yuncangguanli</div>
                    <div class="fontclass">.maliicon-yuncangguanli</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-yuyuankancang"></i>
                    <div class="name">yuyuankancang</div>
                    <div class="fontclass">.maliicon-yuyuankancang</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-financing"></i>
                    <div class="name">financing</div>
                    <div class="fontclass">.maliicon-financing</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-shipper"></i>
                    <div class="name">shipper</div>
                    <div class="fontclass">.maliicon-shipper</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-storehouse"></i>
                    <div class="name">storehouse</div>
                    <div class="fontclass">.maliicon-storehouse</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-catalogue_icon"></i>
                    <div class="name">catalogue_icon</div>
                    <div class="fontclass">.maliicon-catalogue_icon</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-required"></i>
                    <div class="name">required</div>
                    <div class="fontclass">.maliicon-required</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-unfold"></i>
                    <div class="name">unfold</div>
                    <div class="fontclass">.maliicon-unfold</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-upload1"></i>
                    <div class="name">upload</div>
                    <div class="fontclass">.maliicon-upload1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-Excel"></i>
                    <div class="name">Excel</div>
                    <div class="fontclass">.maliicon-Excel</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-compile1"></i>
                    <div class="name">compile</div>
                    <div class="fontclass">.maliicon-compile1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-replace"></i>
                    <div class="name">replace</div>
                    <div class="fontclass">.maliicon-replace</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-Administrator1"></i>
                    <div class="name">Administrator</div>
                    <div class="fontclass">.maliicon-Administrator1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-fangda"></i>
                    <div class="name">放大</div>
                    <div class="fontclass">.maliicon-fangda</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-suoxiao"></i>
                    <div class="name">缩小</div>
                    <div class="fontclass">.maliicon-suoxiao</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-hetongguanli"></i>
                    <div class="name">合同管理</div>
                    <div class="fontclass">.maliicon-hetongguanli</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-category"></i>
                    <div class="name">category</div>
                    <div class="fontclass">.maliicon-category</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-saveGuard"></i>
                    <div class="name">saveGuard</div>
                    <div class="fontclass">.maliicon-saveGuard</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-Evidence_photos"></i>
                    <div class="name">Evidence_photos</div>
                    <div class="fontclass">.maliicon-Evidence_photos</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_control_down"></i>
                    <div class="name">img_control_down</div>
                    <div class="fontclass">.maliicon-img_control_down</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_control_slide_n"></i>
                    <div class="name">img_control_slide_n.</div>
                    <div class="fontclass">.maliicon-img_control_slide_n</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_control_slide_s"></i>
                    <div class="name">img_control_slide_s</div>
                    <div class="fontclass">.maliicon-img_control_slide_s</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_control_up"></i>
                    <div class="name">img_control_up</div>
                    <div class="fontclass">.maliicon-img_control_up</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_allocati"></i>
                    <div class="name">img_details_allocati</div>
                    <div class="fontclass">.maliicon-img_details_allocati</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_apply"></i>
                    <div class="name">img_details_apply</div>
                    <div class="fontclass">.maliicon-img_details_apply</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_calendar"></i>
                    <div class="name">img_details_calendar</div>
                    <div class="fontclass">.maliicon-img_details_calendar</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_cargo"></i>
                    <div class="name">img_details_cargo</div>
                    <div class="fontclass">.maliicon-img_details_cargo</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_close"></i>
                    <div class="name">img_details_close</div>
                    <div class="fontclass">.maliicon-img_details_close</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_correct"></i>
                    <div class="name">img_details_correct</div>
                    <div class="fontclass">.maliicon-img_details_correct</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_empty"></i>
                    <div class="name">img_details_empty</div>
                    <div class="fontclass">.maliicon-img_details_empty</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_examine"></i>
                    <div class="name">img_details_examine</div>
                    <div class="fontclass">.maliicon-img_details_examine</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_figure"></i>
                    <div class="name">img_details_figure</div>
                    <div class="fontclass">.maliicon-img_details_figure</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_orderpn"></i>
                    <div class="name">img_details_order.pn</div>
                    <div class="fontclass">.maliicon-img_details_orderpn</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_redact"></i>
                    <div class="name">img_details_redact</div>
                    <div class="fontclass">.maliicon-img_details_redact</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_relation"></i>
                    <div class="name">img_details_relation</div>
                    <div class="fontclass">.maliicon-img_details_relation</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_remove"></i>
                    <div class="name">img_details_remove</div>
                    <div class="fontclass">.maliicon-img_details_remove</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_replace"></i>
                    <div class="name">img_details_replace.</div>
                    <div class="fontclass">.maliicon-img_details_replace</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_report"></i>
                    <div class="name">img_details_report</div>
                    <div class="fontclass">.maliicon-img_details_report</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_right"></i>
                    <div class="name">img_details_right</div>
                    <div class="fontclass">.maliicon-img_details_right</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_rolepng"></i>
                    <div class="name">img_details_role.png</div>
                    <div class="fontclass">.maliicon-img_details_rolepng</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_statusp"></i>
                    <div class="name">img_details_status.p</div>
                    <div class="fontclass">.maliicon-img_details_statusp</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_function_refresh"></i>
                    <div class="name">img_function_refresh</div>
                    <div class="fontclass">.maliicon-img_function_refresh</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_function_seek"></i>
                    <div class="name">img_function_seek</div>
                    <div class="fontclass">.maliicon-img_function_seek</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_entre"></i>
                    <div class="name">img_navigation_entre</div>
                    <div class="fontclass">.maliicon-img_navigation_entre</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_platf1"></i>
                    <div class="name">img_navigation_platf</div>
                    <div class="fontclass">.maliicon-img_navigation_platf1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_point"></i>
                    <div class="name">img_navigation_point</div>
                    <div class="fontclass">.maliicon-img_navigation_point</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_select_down_s"></i>
                    <div class="name">img_select_down_s</div>
                    <div class="fontclass">.maliicon-img_select_down_s</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_select_down_x"></i>
                    <div class="name">img_select_down_x</div>
                    <div class="fontclass">.maliicon-img_select_down_x</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_select_down_y"></i>
                    <div class="name">img_select_down_y</div>
                    <div class="fontclass">.maliicon-img_select_down_y</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_select_down_z"></i>
                    <div class="name">img_select_down_z</div>
                    <div class="fontclass">.maliicon-img_select_down_z</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_top_amendpng"></i>
                    <div class="name">img_top_amend.png</div>
                    <div class="fontclass">.maliicon-img_top_amendpng</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_top_boy1"></i>
                    <div class="name">img_top_boy</div>
                    <div class="fontclass">.maliicon-img_top_boy1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_required"></i>
                    <div class="name">img_details_required</div>
                    <div class="fontclass">.maliicon-img_details_required</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_report1"></i>
                    <div class="name">img_details_report</div>
                    <div class="fontclass">.maliicon-img_details_report1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_approved"></i>
                    <div class="name">img_approved</div>
                    <div class="fontclass">.maliicon-img_approved</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_return"></i>
                    <div class="name">img_return</div>
                    <div class="fontclass">.maliicon-img_return</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_status"></i>
                    <div class="name">img_detailse_status</div>
                    <div class="fontclass">.maliicon-img_detailse_status</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_pledgee"></i>
                    <div class="name">img_detailse_pledgee</div>
                    <div class="fontclass">.maliicon-img_detailse_pledgee</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_deadlin"></i>
                    <div class="name">img_detailse_deadlin</div>
                    <div class="fontclass">.maliicon-img_detailse_deadlin</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_value"></i>
                    <div class="name">img_details_value</div>
                    <div class="fontclass">.maliicon-img_details_value</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_instruc"></i>
                    <div class="name">img_detailse_instruc</div>
                    <div class="fontclass">.maliicon-img_detailse_instruc</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_Verific"></i>
                    <div class="name">img_detailse_Verific</div>
                    <div class="fontclass">.maliicon-img_detailse_Verific</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_rolepng1"></i>
                    <div class="name">img_details_role.png</div>
                    <div class="fontclass">.maliicon-img_details_rolepng1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_handlin"></i>
                    <div class="name">img_detailse_handlin</div>
                    <div class="fontclass">.maliicon-img_detailse_handlin</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_separat"></i>
                    <div class="name">img_detailse_separat</div>
                    <div class="fontclass">.maliicon-img_detailse_separat</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_serve"></i>
                    <div class="name">img_detailse_serve</div>
                    <div class="fontclass">.maliicon-img_detailse_serve</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_summati"></i>
                    <div class="name">img_detailse_summati</div>
                    <div class="fontclass">.maliicon-img_detailse_summati</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_license"></i>
                    <div class="name">img_details_license</div>
                    <div class="fontclass">.maliicon-img_details_license</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_identit"></i>
                    <div class="name">img_detailse_identit</div>
                    <div class="fontclass">.maliicon-img_detailse_identit</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_else"></i>
                    <div class="name">img_detailse_else</div>
                    <div class="fontclass">.maliicon-img_detailse_else</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_facilit"></i>
                    <div class="name">img_detailse_facilit</div>
                    <div class="fontclass">.maliicon-img_detailse_facilit</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_goods"></i>
                    <div class="name">img_detailse_goods</div>
                    <div class="fontclass">.maliicon-img_detailse_goods</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_custodia"></i>
                    <div class="name">img_details_custodia</div>
                    <div class="fontclass">.maliicon-img_details_custodia</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_registra"></i>
                    <div class="name">img_details_registra</div>
                    <div class="fontclass">.maliicon-img_details_registra</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-shenfenzheng"></i>
                    <div class="name">身份证</div>
                    <div class="fontclass">.maliicon-shenfenzheng</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_finan1"></i>
                    <div class="name">img_navigation_finan</div>
                    <div class="fontclass">.maliicon-img_navigation_finan1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_function_export"></i>
                    <div class="name">img_function_export</div>
                    <div class="fontclass">.maliicon-img_function_export</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_top_remind"></i>
                    <div class="name">img_top_remind</div>
                    <div class="fontclass">.maliicon-img_top_remind</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_top_pending"></i>
                    <div class="name">img_top_pending</div>
                    <div class="fontclass">.maliicon-img_top_pending</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_platf2"></i>
                    <div class="name">img_navigation_platf</div>
                    <div class="fontclass">.maliicon-img_navigation_platf2</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_block"></i>
                    <div class="name">img_navigation_block</div>
                    <div class="fontclass">.maliicon-img_navigation_block</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_contr1"></i>
                    <div class="name">img_navigation_contr</div>
                    <div class="fontclass">.maliicon-img_navigation_contr1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_monit"></i>
                    <div class="name">img_navigation_monit</div>
                    <div class="fontclass">.maliicon-img_navigation_monit</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_devel"></i>
                    <div class="name">img_navigation_devel</div>
                    <div class="fontclass">.maliicon-img_navigation_devel</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_admin"></i>
                    <div class="name">img_navigation_admin</div>
                    <div class="fontclass">.maliicon-img_navigation_admin</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_expense"></i>
                    <div class="name">img_detailse_expense</div>
                    <div class="fontclass">.maliicon-img_detailse_expense</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_removal"></i>
                    <div class="name">img_detailse_removal</div>
                    <div class="fontclass">.maliicon-img_detailse_removal</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_warehou"></i>
                    <div class="name">img_detailse_warehou</div>
                    <div class="fontclass">.maliicon-img_detailse_warehou</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_pass"></i>
                    <div class="name">img_detailse_pass</div>
                    <div class="fontclass">.maliicon-img_detailse_pass</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_not"></i>
                    <div class="name">img_detailse_not</div>
                    <div class="fontclass">.maliicon-img_detailse_not</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_authstr"></i>
                    <div class="name">img_detailse_authstr</div>
                    <div class="fontclass">.maliicon-img_detailse_authstr</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_addition"></i>
                    <div class="name">img_details_addition</div>
                    <div class="fontclass">.maliicon-img_details_addition</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_number"></i>
                    <div class="name">img_details_number</div>
                    <div class="fontclass">.maliicon-img_details_number</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_remove-copy"></i>
                    <div class="name">img_details_remove</div>
                    <div class="fontclass">.maliicon-img_details_remove-copy</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_funds"></i>
                    <div class="name">img_detailse_funds</div>
                    <div class="fontclass">.maliicon-img_detailse_funds</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_manufac"></i>
                    <div class="name">img_detailse_manufac</div>
                    <div class="fontclass">.maliicon-img_detailse_manufac</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_units"></i>
                    <div class="name">img_detailse_units</div>
                    <div class="fontclass">.maliicon-img_detailse_units</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_information"></i>
                    <div class="name">img_information</div>
                    <div class="fontclass">.maliicon-img_information</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_police"></i>
                    <div class="name">img_detailse_police</div>
                    <div class="fontclass">.maliicon-img_detailse_police</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_facilit1"></i>
                    <div class="name">img_detailse_facilit</div>
                    <div class="fontclass">.maliicon-img_detailse_facilit1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_pass1"></i>
                    <div class="name">img_detailse_pass</div>
                    <div class="fontclass">.maliicon-img_detailse_pass1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_register_passwor"></i>
                    <div class="name">img_register_passwor</div>
                    <div class="fontclass">.maliicon-img_register_passwor</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_register_user"></i>
                    <div class="name">img_register_user</div>
                    <div class="fontclass">.maliicon-img_register_user</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_preview"></i>
                    <div class="name">img_details_preview</div>
                    <div class="fontclass">.maliicon-img_details_preview</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_register_verify"></i>
                    <div class="name">img_register_verify</div>
                    <div class="fontclass">.maliicon-img_register_verify</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_register_complet"></i>
                    <div class="name">img_register_complet</div>
                    <div class="fontclass">.maliicon-img_register_complet</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_register_cellpho"></i>
                    <div class="name">img_register_cellpho</div>
                    <div class="fontclass">.maliicon-img_register_cellpho</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_interes"></i>
                    <div class="name">img_detailse_interes</div>
                    <div class="fontclass">.maliicon-img_detailse_interes</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_capital"></i>
                    <div class="name">img_detailse_capital</div>
                    <div class="fontclass">.maliicon-img_detailse_capital</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_refund"></i>
                    <div class="name">img_detailse_refund</div>
                    <div class="fontclass">.maliicon-img_detailse_refund</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_warehou1"></i>
                    <div class="name">img_detailse_warehou</div>
                    <div class="fontclass">.maliicon-img_detailse_warehou1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_type"></i>
                    <div class="name">img_detailse_type</div>
                    <div class="fontclass">.maliicon-img_detailse_type</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_number1"></i>
                    <div class="name">img_details_number</div>
                    <div class="fontclass">.maliicon-img_details_number1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_status"></i>
                    <div class="name">img_details_status</div>
                    <div class="fontclass">.maliicon-img_details_status</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_register_complet1"></i>
                    <div class="name">img_register_complet</div>
                    <div class="fontclass">.maliicon-img_register_complet1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_top_pending1"></i>
                    <div class="name">img_top_pending</div>
                    <div class="fontclass">.maliicon-img_top_pending1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_operatio"></i>
                    <div class="name">img_details_operatio</div>
                    <div class="fontclass">.maliicon-img_details_operatio</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_register_complet2"></i>
                    <div class="name">img_register_complet</div>
                    <div class="fontclass">.maliicon-img_register_complet2</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_applica"></i>
                    <div class="name">img_detailse_applica</div>
                    <div class="fontclass">.maliicon-img_detailse_applica</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_weight"></i>
                    <div class="name">img_detailse_weight</div>
                    <div class="fontclass">.maliicon-img_detailse_weight</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_source"></i>
                    <div class="name">img_detailse_source</div>
                    <div class="fontclass">.maliicon-img_detailse_source</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_allocati1"></i>
                    <div class="name">img_details_allocati</div>
                    <div class="fontclass">.maliicon-img_details_allocati1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_pledge"></i>
                    <div class="name">img_details_pledge</div>
                    <div class="fontclass">.maliicon-img_details_pledge</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_compa"></i>
                    <div class="name">img_navigation_compa</div>
                    <div class="fontclass">.maliicon-img_navigation_compa</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_alarm"></i>
                    <div class="name">img_detailse_alarm</div>
                    <div class="fontclass">.maliicon-img_detailse_alarm</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_organ"></i>
                    <div class="name">img_navigation_organ</div>
                    <div class="fontclass">.maliicon-img_navigation_organ</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_type1"></i>
                    <div class="name">img_detailse_type</div>
                    <div class="fontclass">.maliicon-img_detailse_type1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_add"></i>
                    <div class="name">img_details_add</div>
                    <div class="fontclass">.maliicon-img_details_add</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_subtract"></i>
                    <div class="name">img_details_subtract</div>
                    <div class="fontclass">.maliicon-img_details_subtract</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_licence"></i>
                    <div class="name">img_details_licence</div>
                    <div class="fontclass">.maliicon-img_details_licence</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_assess"></i>
                    <div class="name">img_details_assess</div>
                    <div class="fontclass">.maliicon-img_details_assess</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_top_boy"></i>
                    <div class="name">img_top_boy</div>
                    <div class="fontclass">.maliicon-img_top_boy</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_deposit"></i>
                    <div class="name">img_detailse_deposit</div>
                    <div class="fontclass">.maliicon-img_detailse_deposit</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_cargo1"></i>
                    <div class="name">img_details_cargo</div>
                    <div class="fontclass">.maliicon-img_details_cargo1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_role"></i>
                    <div class="name">img_details_role</div>
                    <div class="fontclass">.maliicon-img_details_role</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_detailse_weight1"></i>
                    <div class="name">img_detailse_weight</div>
                    <div class="fontclass">.maliicon-img_detailse_weight1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_register_complet3"></i>
                    <div class="name">img_register_complet</div>
                    <div class="fontclass">.maliicon-img_register_complet3</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_top_remind1"></i>
                    <div class="name">img_top_remind</div>
                    <div class="fontclass">.maliicon-img_top_remind1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_plasmid"></i>
                    <div class="name">img_details_plasmid</div>
                    <div class="fontclass">.maliicon-img_details_plasmid</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_repo"></i>
                    <div class="name">img_details_repo</div>
                    <div class="fontclass">.maliicon-img_details_repo</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_wait"></i>
                    <div class="name">img_details_wait</div>
                    <div class="fontclass">.maliicon-img_details_wait</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_cycle"></i>
                    <div class="name">img_details_cycle</div>
                    <div class="fontclass">.maliicon-img_details_cycle</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_download"></i>
                    <div class="name">img_details_download</div>
                    <div class="fontclass">.maliicon-img_details_download</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_scanning"></i>
                    <div class="name">img_details_scanning</div>
                    <div class="fontclass">.maliicon-img_details_scanning</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_type"></i>
                    <div class="name">img_details_type</div>
                    <div class="fontclass">.maliicon-img_details_type</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_Update"></i>
                    <div class="name">img_details_Update</div>
                    <div class="fontclass">.maliicon-img_details_Update</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-direcline"></i>
                    <div class="name">direcline</div>
                    <div class="fontclass">.maliicon-direcline</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-memberaudite"></i>
                    <div class="name">memberaudite</div>
                    <div class="fontclass">.maliicon-memberaudite</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-memberaudited"></i>
                    <div class="name">memberaudited</div>
                    <div class="fontclass">.maliicon-memberaudited</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-breach"></i>
                    <div class="name">breach</div>
                    <div class="fontclass">.maliicon-breach</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-linesearch"></i>
                    <div class="name">linesearch</div>
                    <div class="fontclass">.maliicon-linesearch</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-driver"></i>
                    <div class="name">driver</div>
                    <div class="fontclass">.maliicon-driver</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-invoice"></i>
                    <div class="name">invoice</div>
                    <div class="fontclass">.maliicon-invoice</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-system"></i>
                    <div class="name">system</div>
                    <div class="fontclass">.maliicon-system</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_invoi"></i>
                    <div class="name">img_navigation_invoi</div>
                    <div class="fontclass">.maliicon-img_navigation_invoi</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_logis"></i>
                    <div class="name">img_navigation_logis</div>
                    <div class="fontclass">.maliicon-img_navigation_logis</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_warra"></i>
                    <div class="name">img_navigation_warra</div>
                    <div class="fontclass">.maliicon-img_navigation_warra</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_effectiv"></i>
                    <div class="name">img_details_effectiv</div>
                    <div class="fontclass">.maliicon-img_details_effectiv</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_repurcha"></i>
                    <div class="name">img_details_repurcha</div>
                    <div class="fontclass">.maliicon-img_details_repurcha</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_activ"></i>
                    <div class="name">img_navigation_activ</div>
                    <div class="fontclass">.maliicon-img_navigation_activ</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_busin"></i>
                    <div class="name">img_navigation_busin</div>
                    <div class="fontclass">.maliicon-img_navigation_busin</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_cance"></i>
                    <div class="name">img_navigation_cance</div>
                    <div class="fontclass">.maliicon-img_navigation_cance</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_carri"></i>
                    <div class="name">img_navigation_carri</div>
                    <div class="fontclass">.maliicon-img_navigation_carri</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_custo"></i>
                    <div class="name">img_navigation_custo</div>
                    <div class="fontclass">.maliicon-img_navigation_custo</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_daily"></i>
                    <div class="name">img_navigation_daily</div>
                    <div class="fontclass">.maliicon-img_navigation_daily</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_journ"></i>
                    <div class="name">img_navigation_journ</div>
                    <div class="fontclass">.maliicon-img_navigation_journ</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_logis1"></i>
                    <div class="name">img_navigation_logis</div>
                    <div class="fontclass">.maliicon-img_navigation_logis1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_monit1"></i>
                    <div class="name">img_navigation_monit</div>
                    <div class="fontclass">.maliicon-img_navigation_monit1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_opera"></i>
                    <div class="name">img_navigation_opera</div>
                    <div class="fontclass">.maliicon-img_navigation_opera</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_query"></i>
                    <div class="name">img_navigation_query</div>
                    <div class="fontclass">.maliicon-img_navigation_query</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_staff"></i>
                    <div class="name">img_navigation_staff</div>
                    <div class="fontclass">.maliicon-img_navigation_staff</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_summa"></i>
                    <div class="name">img_navigation_summa</div>
                    <div class="fontclass">.maliicon-img_navigation_summa</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_trans"></i>
                    <div class="name">img_navigation_trans</div>
                    <div class="fontclass">.maliicon-img_navigation_trans</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_video"></i>
                    <div class="name">img_details_video</div>
                    <div class="fontclass">.maliicon-img_details_video</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-maexport"></i>
                    <div class="name">maexport</div>
                    <div class="fontclass">.maliicon-maexport</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-unit"></i>
                    <div class="name">unit</div>
                    <div class="fontclass">.maliicon-unit</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-unnormal"></i>
                    <div class="name">unnormal</div>
                    <div class="fontclass">.maliicon-unnormal</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-lsitgoods"></i>
                    <div class="name">lsitgoods</div>
                    <div class="fontclass">.maliicon-lsitgoods</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_alias"></i>
                    <div class="name">img_list_alias</div>
                    <div class="fontclass">.maliicon-img_list_alias</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_average"></i>
                    <div class="name">img_list_average</div>
                    <div class="fontclass">.maliicon-img_list_average</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_class_n"></i>
                    <div class="name">img_list_class_n</div>
                    <div class="fontclass">.maliicon-img_list_class_n</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_class_s"></i>
                    <div class="name">img_list_class_s</div>
                    <div class="fontclass">.maliicon-img_list_class_s</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_country"></i>
                    <div class="name">img_list_country</div>
                    <div class="fontclass">.maliicon-img_list_country</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_culture"></i>
                    <div class="name">img_list_culture</div>
                    <div class="fontclass">.maliicon-img_list_culture</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_english_n"></i>
                    <div class="name">img_list_english_n</div>
                    <div class="fontclass">.maliicon-img_list_english_n</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_english_s"></i>
                    <div class="name">img_list_english_s</div>
                    <div class="fontclass">.maliicon-img_list_english_s</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_factory"></i>
                    <div class="name">img_list_factory</div>
                    <div class="fontclass">.maliicon-img_list_factory</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_freezing"></i>
                    <div class="name">img_list_freezing</div>
                    <div class="fontclass">.maliicon-img_list_freezing</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_grade"></i>
                    <div class="name">img_list_grade</div>
                    <div class="fontclass">.maliicon-img_list_grade</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_machining"></i>
                    <div class="name">img_list_machining</div>
                    <div class="fontclass">.maliicon-img_list_machining</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_productsvg"></i>
                    <div class="name">img_list_product.svg</div>
                    <div class="fontclass">.maliicon-img_list_productsvg</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_product_n"></i>
                    <div class="name">img_list_product_n</div>
                    <div class="fontclass">.maliicon-img_list_product_n</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_sku"></i>
                    <div class="name">img_list_sku</div>
                    <div class="fontclass">.maliicon-img_list_sku</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_standard"></i>
                    <div class="name">img_list_standard</div>
                    <div class="fontclass">.maliicon-img_list_standard</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_type"></i>
                    <div class="name">img_list_type</div>
                    <div class="fontclass">.maliicon-img_list_type</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_list_varieties"></i>
                    <div class="name">img_list_varieties</div>
                    <div class="fontclass">.maliicon-img_list_varieties</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_navigation_devel1"></i>
                    <div class="name">img_navigation_devel</div>
                    <div class="fontclass">.maliicon-img_navigation_devel1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_register_disposa"></i>
                    <div class="name">img_register_disposa</div>
                    <div class="fontclass">.maliicon-img_register_disposa</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_register_file"></i>
                    <div class="name">img_register_file</div>
                    <div class="fontclass">.maliicon-img_register_file</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_register_label"></i>
                    <div class="name">img_register_label</div>
                    <div class="fontclass">.maliicon-img_register_label</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_register_violati"></i>
                    <div class="name">img_register_violati</div>
                    <div class="fontclass">.maliicon-img_register_violati</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_subpage_add"></i>
                    <div class="name">img_subpage_add</div>
                    <div class="fontclass">.maliicon-img_subpage_add</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_windows_cancel"></i>
                    <div class="name">img_windows_cancel</div>
                    <div class="fontclass">.maliicon-img_windows_cancel</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_subpage_folder"></i>
                    <div class="name">img_subpage_folder(1</div>
                    <div class="fontclass">.maliicon-img_subpage_folder</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_big_picture"></i>
                    <div class="name">img_big_picture</div>
                    <div class="fontclass">.maliicon-img_big_picture</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_nav_inventory"></i>
                    <div class="name">img_nav_inventory</div>
                    <div class="fontclass">.maliicon-img_nav_inventory</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_nav_information"></i>
                    <div class="name">img_nav_information</div>
                    <div class="fontclass">.maliicon-img_nav_information</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_nav_monitor"></i>
                    <div class="name">img_nav_monitor</div>
                    <div class="fontclass">.maliicon-img_nav_monitor</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_nav_information1"></i>
                    <div class="name">img_nav_information</div>
                    <div class="fontclass">.maliicon-img_nav_information1</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_register_home"></i>
                    <div class="name">img_register_home</div>
                    <div class="fontclass">.maliicon-img_register_home</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_nav_trading"></i>
                    <div class="name">img_nav_trading</div>
                    <div class="fontclass">.maliicon-img_nav_trading</div>
                </li>
            
                <li>
                <i class="icon maliiconfont maliicon-img_details_sell"></i>
                    <div class="name">img_details_sell</div>
                    <div class="fontclass">.maliicon-img_details_sell</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">maliiconfont</span> <span class="hljs-selector-tag">maliicon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"maliiconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
